@charset "utf-8";
/* CSS Document */
/*----------------------nav部分-------------------------------*/
#include{width:100%;z-index: 8;position:relative; background:#fff;}
#nav{position:relative; width:100%;height:auto; overflow:hidden; background:url(../images/logo.png) no-repeat 32px 11px #fff; font-size:14px; z-index:9; border-bottom:3px solid #ccc; box-shadow: 0 0 8px #ccc;}
#nav .nav_left{margin-left:211px; float:left; height:66px;}
#nav .nav_left li{position:relative; float:left;padding:17px 6px 17px 4px;}
#nav .nav_left a{display:inline-block;color:#333; width:80px;height:30px; line-height:30px; text-align:center;}
#nav .nav_left span{position:absolute; left:50px; bottom:0; display:block;width:0px; height:3px; margin-top:16px; background:#661166;}
#nav .hot{position:absolute; left:550px; top:13px; width:19px; height:12px; background:url(../images/hoticon.gif) no-repeat;}
#nav .search{float:left; margin:16px 0 0 420px; *margin:16px 0 0 0px; *margin-left:180px; border:1px solid #eeeeee; *border:none;}
#nav input{height:34px; float:left; border:none; outline:none;}
#nav .search .text{width:130px; padding-left:4px; height:34px; line-height:34px; color:12px;font-size:12px;}
#nav .search .btn{width:34px; background:url(../images/search.gif) no-repeat 8px 8px;}
#beauty{display:none;position:absolute; left:210px; top:64px; width:861px; height:269px; background:#fff; padding:11px 0 0 30px;opacity:0.9; filter:alpha(opacity=90); z-index: 999;}
#beauty h2,#milk .milk_left h2{font-size:12px; color:#666; margin-top:4px;}
#beauty .beauty_left,#milk .milk_left,#tax .tax_left,#overseas .overseas_left{float:left;width:118px; height:258px; border-right:1px dashed #dadada;}
#beauty .beauty_left li,#milk .milk_left li,#tax .tax_left li,#overseas .overseas_left li{line-height:24px;font-size:12px;}
#beauty .beauty_left a,#milk .milk_left a,#tax .tax_left a,#overseas .overseas_left a{color:#666;}
#beauty .beauty_right{float:left; margin:9px 0 0 54px; font-size:12px;}
#beauty .beauty_right li,#milk .milk_center li,#milk .milk_right li,#milk .milk_end li,#tax .tax_right li,#tax .tax_end li,#overseas .overseas_center li,#overseas .overseas_end li{line-height:24px;font-size:12px;}
#beauty .beauty_right a,#milk .milk_center a,#milk .milk_right a,#milk .milk_end a,#tax .tax_right a,#tax .tax_end a,#overseas .overseas_center a,#overseas .overseas_end a{color:#666;}
#beauty span,#milk span,#tax span,#overseas span{display:inline-block; margin:9px 30px 0 0; float:right; font-size:12px;}
#beauty span a,#milk span a,#tax span a,#overseas span a{color:#661166;}
#milk{display:none;position:absolute; left:210px; top:64px; width:871px; height:269px; background:#fff; padding:11px 0 0 30px;opacity:0.9; filter:alpha(opacity=90); z-index: 9999;}
#milk .milk_center,#milk .milk_right,#tax .tax_right,#overseas .overseas_center{float:left; margin-left:54px; width:114px; height:258px; border-right:1px dashed #dadada;}
#milk .milk_center h2,#milk .milk_right h2,#milk .milk_end h2,#tax .tax_end h2,#overseas .overseas_end h2{font-size:12px; color:#666;}
#milk .milk_end,#tax .tax_end,#overseas .overseas_end{float:left; margin-left:54px;}
#milk em{display:inline-block; width:180px; height:180px; margin:60px 0 0 122px;}
#tax{display:none;position:absolute; left:210px; top:64px; width:871px; height:269px; background:#fff; padding:11px 0 0 30px;opacity:0.9; filter:alpha(opacity=90); z-index: 9999;}
#tax .tax_end{width:120px;}
#tax em{display:inline-block; width:180px; height:180px;margin:62px 0 0 60px;}
#overseas{display:none;position:absolute; left:210px; top:64px; width:994px; height:269px; background:#fff; padding:11px 0 0 30px;opacity:0.9; filter:alpha(opacity=90); z-index: 9999;}
#overseas em{display:inline-block; width:180px; height:180px; margin:62px 0 0 14px;}
/*--------------------------------------------------------------*/
#details{width:100%; height:auto;}
#details .details_tit{margin-left:36px; height:40px; line-height:40px; font-size:12px;}
#details .details_tit a{color:#333;}
#details .details_tit .ove{color:#999;}
#details .details_main{width:1200px; height:452px; margin:10px 0 0 36px;}
#details .main_left{float:left; width:500px; height:452px; position: relative;}
#details .left1 li img{width:75px; height:75px;}
#details .left1 li{width:77px; height:77px; border:2px solid #ddd; margin-bottom:10px; cursor:pointer;}

#details .left1 .small1{border:2px solid red;}
#details .left1{float:left;}
#details .left2{float:right;}
#details .left2 li{width:400px; height:400px; border:1px solid #ccc; position: absolute; right:0; top:0; opacity: 0; filter:alpha(opacity=0);}
#details .left2 .img1{opacity: 1; filter:apha(opacity=100);}

#details .main_right{float:left; width:650px; height:auto;}
#details h4{font-size:16px; margin-left:30px; height:40px; border-bottom:1px dashed #ccc;}
#details .main_right ul{margin:10px 0 0 30px; height:200px; color:#999; border-bottom:1px dashed #ccc;}
#details .main_right li{line-height:36px;}
#details em{font-style:normal; font-size:12px;}
#details span{font-size:18px; color:red;}
#details i{font-style: normal; font-size:12px; text-decoration: line-through;}
#details b{font-weight:normal; font-size:12px;}
#details strong{font-weight:normal; font-size:12px; color:red;}
#details .right_end{width:650px; height:30px; margin:20px 0 0 30px;}

#details .right_end em{float:left; color:#999;margin-top:4px;}
#details .right_end input{float:left; color:#000; background:#fff; outline:none; width:22px; height:24px; line-height:24px; border:1px solid #ccc; line-height:22px; text-align: center; font-size:20px; cursor: pointer;}
#details .right_end .tex{float:left; overflow-y: hidden; resize:none; width:50px;line-height:22px;  height:22px; border:none; border-top:1px solid #ccc;border-bottom:1px solid #ccc; outline: none; text-align: center;}

#details .btn_end{width:650px; height:60px; margin-left:30px;}
#details .btn_end input{width:180px; height:40px; line-height:40px; font-size:16px; text-align: center; border:none; border:2px solid red; outline: none;}
#details .btn1{background:red; color:#fff; margin:20px 20px 0 0;}
#details .btn2{background:url(../images/product_shopcarpic2.png) no-repeat 40px 10px #fff; color:red; text-indent:20px;}
#details .btn1:hover{background:#bb0303;}
#details .btn_end a{display: inline-block; background:url(../images/start1.gif) no-repeat left center; font-size:12px; color:#999; margin-left:20px; text-indent: 20px;}
#details .btn_end a:hover{background:url(../images/star2.gif) no-repeat left center;}
/*---------------introduce---------------------------------------------------*/
#introduce{width:100%; height:auto; overflow: hidden;}
#introduce .introduce_left{float:left;width:200px; min-height:660px; margin-left:36px;}
#introduce .int_left1{width:200px; min-height:56px; border:1px solid #f5f5f5;}
#introduce .introduce_left h5{width:200px; height:34px; line-height:34px; text-align:center; background:#f5f5f5; font-size:12px; color:#656565;}
#introduce .int_left2{width:200px; min-height:540px; margin-top:12px; border:1px solid #f5f5f5;}
#introduce .int_left2 h5{font-weight:bolder;}

#introduce .int_left2 ul{width:170px; margin-left:15px; overflow: hidden;}
#introduce .int_left2 li{width:170px; height:100px; border-bottom: 1px dashed #ccc; position: relative; top:3px; *top:6px;}
#introduce .int_left2 img{width:60px; height:60px; margin-top:20px; float:left;}
#introduce .int_left2 .int1{float:right; margin-top:20px; width:100px;}
#introduce .int1 h6{height:30px; overflow: hidden; font-size:12px; color:#999;}
#introduce .int1 p{font-size:10px; color:red; margin-top:10px;}
#introduce .line{width:200px; height:2px; background:#f5f5f5; margin-top:20px;}
#introduce .int1 h6:hover{color:#616;}

#introduce .introduce_right{float:left; margin-left:30px; width:970px;}
#introduce .introduce_right .make1{position:relative; width:970px; height:34px; background:#f5f5f5; line-height:34px; color:#ccc; position:relative;}
#introduce .introduce_right .make1 li{float:left; background:url(../images/table-theader-line.png) no-repeat right;}
#introduce .introduce_right .make1 li a{display:inline-block; font-size:12px; font-weight: bolder; color:#666; width:90px; text-align: center;}
#introduce .introduce_right .make1 li a:hover{color:#616;}
#introduce .introduce_right .make1 li em{font-style: normal;}
#introduce .move{position:absolute; left:0; top:0; width:90px; height:3px; background:#616;}

#introduce .can{width:970px; height:212px; margin-top:45px;}
#introduce .can1{height:22px; line-height:22px; margin-top:10px;}
#introduce .can1 i{display:inline-block; width:5px; height:22px; background:#616;}
#introduce .can1 b{font-size:18px; margin-left:8px;}
#introduce .can1 strong{font-weight: normal; color:#ccc; margin-left:8px;}
#introduce .can1 span{display: inline-block; width:50px; border-bottom:1px solid #000; padding-left:730px; font-size:10px;}

#introduce .content{width:970px; height:auto; border:1px solid #ccc; margin-top:30px;}
#introduce table{border-collapse: collapse;}
#introduce th{width:98px; height:39px; font-size:12px; background:#eee;}
#introduce td{width:376px; font-size:12px; height:39px; padding-left: 10px;}
#introduce .tr_end td{border-right:0;}
#introduce .tr_end2{background:none; border:none;}
#introduce .tr_end3{border-left:0;}

#introduce .deta{width:970px; margin-top:30px;}
#introduce .deta_center img{margin:20px 0 0 0;}

#introduce .story,#introduce .Promise,#introduce .clearance{width:970px; height:50px; margin-top:30px;}

#introduce .promise_center{background:#f7f7f7; margin-top:20px;  padding-bottom:10px;}
#introduce .promise_center ul{width:940px; height:108px; margin-left:10px;}
#introduce .promise_center li{float:left; width:170px; height:108px; line-height:108px; text-align: center;}
#introduce .promise_center img{margin-top:10px;}
#introduce .pro_list{background:#fff;}
/*#introduce .promise_center .list1{background: url(../images/sp-tabpic1.png) no-repeat center #fff;}
#introduce .promise_center .list2{background: url(../images/sp-tabpic2.png) no-repeat center #f7f7f7;}
#introduce .promise_center .list3{background: url(../images/sp-tabpic3.png) no-repeat center #f7f7f7;}
#introduce .promise_center .list4{background: url(../images/sp-tabpic4.png) no-repeat center #f7f7f7;}
#introduce .promise_center .list5{background: url(../images/sp-tabpic5.png) no-repeat center #f7f7f7;}*/

#introduce .list_num{width:940px; background:#fff; margin-left:10px;}
#introduce .list_num1{background:url(../images/sp-contentpic1.png) no-repeat; height:1238px;}
#introduce .list_num2{display:none; background:url(../images/sp-contentpic2.png) no-repeat; height:1159px;}
#introduce .list_num3{display:none; background:url(../images/sp-contentpic3.png) no-repeat; height:2143px;}
#introduce .list_num4{display:none; background:url(../images/sp-contentpic4.png) no-repeat; height:467px;}
#introduce .list_num5{display:none; background:url(../images/sp-contentpic5.png) no-repeat; height:724px;}

#introduce .talk{width:970px; height:155px; border:1px solid #ccc; margin-top:10px;}
#introduce .talk h3{width:970px; height:32px; line-height:32px; background:#ddd; font-size:12px; text-indent: 10px;}
#introduce .talk h3 a{display: inline-block; width:80px; height:30px; color:#fff; text-align: center; margin-left:820px; background:#616;}
#introduce .talk .talk_left{float:left; width:344px; height:100px; margin-top:18px; border-right:1px solid #ddd;}
#introduce .talk span{display:block; font-size:12px; color:#666; margin-top:30px; margin-left:80px;}
#introduce .talk strong{font-weight:normal;}
#introduce .talk i{display:inline-block; font-size:12px; color:#666; margin-left:100px; font-style: normal;}
#introduce .talk .talk_right{float:left; width:615px; height:100px; margin-top:18px;}
#introduce .talk em{display:block; font-style: normal; font-size:12px; color:#666; margin-top:30px; margin-left:30px;}
#introduce .talk p{margin-left:30px; font-size:12px; color:#666; margin-top:4px;}
#introduce p{font-size:12px; color:#666; margin:6px 0 20px 0;}
#introduce .zixun{width:970px; height:90px; margin-top:10px; border:1px solid #ccc;}
#introduce .zixun h3{width:970px; height:32px; line-height:32px; background:#ddd; font-size:12px; text-indent: 10px;}
#introduce .zixun h3 a{display: inline-block; width:80px; height:30px; color:#fff; text-align: center; margin-left:820px; background:#616;}
#introduce .zixun span{font-size:12px; color:#666;}
#introduce .zixun i{font-style: normal; font-size:12px; color:#999;}

#introduce .introduce_right .make{margin-top:30px; height: 31px; margin-bottom:20px; line-height:30px; width:970px; border-bottom:2px solid #ccc;}
#introduce .introduce_right .make li{width:124px; text-align: center; float:left; background:url(../images/table-theader-line.png) no-repeat right;}
#introduce .introduce_right .make a{font-size:12px; color:#666;}

.active{border-bottom:2px solid #616; color:#616;}
#introduce .fast7 span{font-size:12px; color:#999; line-height:30px;}
#introduce .fast7 input{margin-left:10px; outline: none;}
#introduce .fast7 .nei{font-size:12px; color:#999; margin-top:20px;}
#introduce .fast7 .nei textarea{float:left; width:860px; height:148px; resize: none; outline: none;font-size:14px; padding:10px 0 0 10px; }
#introduce .fast7 .nei span{float:left;}
#introduce .tijiao{width:100px; height:40px; outline: none; background: #616; color:#fff; line-height:40px; border:none; margin-top:20px; cursor: pointer;}


/*-------------------------------------*/

#hot{width:100%; height:auto;}
#hot h4{width:96px; height:37px; text-align: center; line-height:40px; margin-left:36px; font-size:16px; color:#616; border-bottom:3px solid #616;}
#hot ul{width:1200px; height:320px; border:1px solid #ccc; margin:0 0 30px 36px; *margin:0 0 0 36px;}

#hot .goods_top img{width:230px; height:230px;}
#hot .goods_tit{width:210px; height:34px; font-size:10px; padding:0 10px; overflow: hidden;}
#hot .goods_pric{width:210px; height:36px; line-height:36px; font-size:12px; padding:0 10px;}
#hot .goods_pric b{color:red; font-size:10px; font-weight:700px;}
#hot .goods_pric span{color:red; font-size:16px; font-weight:700px;}
#hot .goods_pric em{font-style:normal; color:#ccc; text-decoration: line-through;}

